<template>
  <div>
    <!-- v-cloak指令：解决闪动显示问题，但是它还需要css配置 -->
    <div v-cloak>{{ title }}</div>
    <hr>
    <!-- 只绑定一次 v-once -->
    <div v-once>{{title}}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 有html标签的内容
      title: "你好世界",
    };
  },
};
</script>

<style lang="scss">
[v-cloak]{
  display: none;
}
</style>
